<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>three.js</title>

    <style>
        html{
            height: 100%;
        }
        body {
            height: 100%;
            margin: 0;
            background-color: #000;
            color: #fff;
            font-family: Monospace;
            font-size: 13px;
            line-height: 24px;
            overscroll-behavior: none;
        }



        canvas {
            display: block;
        }
    </style>

    <script type="importmap">
        {
          "imports": {
            "three": "./threejs/three.module.js",
            "three/addons/": "./threejs/jsm/"
          }
        }
    </script>
</head>

<body>
    <script type="module">
        import * as threeUtil from './theeeutil.js'
        threeUtil.initScene()
        threeUtil.render()
        threeUtil.regClick()
        threeUtil.regDrag()
    </script>
</body>

</html>